<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>layui</title>
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <link rel="stylesheet" href="/static/admin/lib/layui-v2.6.3/css/layui.css" media="all">
    <link rel="stylesheet" href="/static/admin/css/public.css" media="all">

</head>
<style>
    table {
        width: 100% !important;
    }
    .pagination {
        height: 40px;
        margin: 20px 0;
    }
    .pagination ul {
        display: inline-block;
        *display: inline;
        /* IE7 inline-block hack */

        *zoom: 1;
        margin-left: 0;
        margin-bottom: 0;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
        -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
        -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
        box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
    }
    .pagination ul > li {
        display: inline;
    }
    .pagination ul > li > a,
    .pagination ul > li > span {
        float: left;
        padding: 0 14px;
        line-height: 38px;
        text-decoration: none;
        background-color: #ffffff;
        border: 1px solid #dddddd;
        border-left-width: 0;
    }
    .pagination ul > li > a:hover,
    .pagination ul > .active > a,
    .pagination ul > .active > span {
        background-color: #f5f5f5;
    }
    .pagination ul > .active > a,
    .pagination ul > .active > span {
        color: #999999;
        cursor: default;
    }
    .pagination ul > .disabled > span,
    .pagination ul > .disabled > a,
    .pagination ul > .disabled > a:hover {
        color: #999999;
        background-color: transparent;
        cursor: default;
    }
    .pagination ul > li:first-child > a,
    .pagination ul > li:first-child > span {
        border-left-width: 1px;
        -webkit-border-radius: 3px 0 0 3px;
        -moz-border-radius: 3px 0 0 3px;
        border-radius: 3px 0 0 3px;
    }
    .pagination ul > li:last-child > a,
    .pagination ul > li:last-child > span {
        -webkit-border-radius: 0 3px 3px 0;
        -moz-border-radius: 0 3px 3px 0;
        border-radius: 0 3px 3px 0;
    }
    .pagination-centered {
        text-align: center;
    }
    .pagination-right {
        text-align: right;
    }
    .pager {
        margin: 20px 0;
        list-style: none;
        text-align: center;
        *zoom: 1;
    }
    .pager:before,
    .pager:after {
        display: table;
        content: "";
        line-height: 0;
    }
    .pager:after {
        clear: both;
    }
    .pager li {
        display: inline;
    }
    .pager a,
    .pager span {
        display: inline-block;
        padding: 5px 14px;
        background-color: #fff;
        border: 1px solid #ddd;
        -webkit-border-radius: 15px;
        -moz-border-radius: 15px;
        border-radius: 15px;
    }
    .pager a:hover {
        text-decoration: none;
        background-color: #f5f5f5;
    }
    .pager .next a,
    .pager .next span {
        float: right;
    }
    .pager .previous a {
        float: left;
    }
    .pager .disabled a,
    .pager .disabled a:hover,
    .pager .disabled span {
        color: #999999;
        background-color: #fff;
        cursor: default;
    }
</style>
<body>